<div class="content">
     <h2 class="api-name">引入文件</h2>
     <textarea name="code" class="js"> 
		<script type="text/javascript" src="simpleDialog.js"></script>
	 </textarea>
	 <h2 class="api-name">使用SimpleDialog</h2>
	 <div class="part">
	 	<h3 class="api-guide"><a href="../doc/demo/dialog.html" class="demo-btn" target="_blank">运行demo</a>Simple.Dialog(opts)</h3>
	 	<div class="desc"><strong>概述：</strong>
	 		Simple.Dialog提供一个模式对话框功能，并且模拟了alert，confirm功能~
	 	</div>
	 	<p>启动Dialog</p>
	 	<textarea name="code" class="js"> 
	 		$("#test").dialog();
	 	</textarea>
	 	<p>销毁对话框</p>
	 	<textarea name="code" class="js"> 
	 		$("#test").dialog("destroy");
	 	</textarea>
	 	<p>启动提示框</p>
	 	<textarea name="code" class="js"> 
	 		var alertDialog=$.alert("这是一个提示",function(){
	 			//do sth;
	 		});
	 	</textarea>
	 	<p>销毁提示框</p>
	 	<textarea name="code" class="js"> 
	 		alertDialog.destroy();
	 	</textarea>
	 	<p>启动确认框</p>
	 	<textarea name="code" class="js"> 
	 		var confirmDialog=$.confirm("这是一个提示",function(){
	 			//do sth;
	 		});
	 	</textarea>
	 	<p>销毁确认框</p>
	 	<textarea name="code" class="js"> 
	 		confirmDialog.destroy();
	 	</textarea>
	 	<h3 class="api-guide">SimpleDialog API</h3>
<table class="configList">
	<tr>
		<th width="100">配置选项</th><th width="200">配置选项</th><th>选项说明</th>
	</tr>
	
		<td>title</td><td>string {default:simpleDialog}</td><td>对话框的标题</td>
	</tr>
	<tr>
		<td>modal</td><td>bool</td><td>是否创建遮罩</td>
	</tr>
	<tr>
		<td>position</td><td>array[x,y]</td><td>设定了此值，弹出的对话框会被定位到设定的位置</td>
	</tr>
	<tr>
		<td>ajax</td><td>boolean</td><td>标志是否从远程加载页面</td>
	</tr>
	<tr>
		<td>loadingMessage</td><td>string{default:"加载中..."}</td><td>在iframe模式和ajax模式下有效</td>
	</tr>
	<tr>
		<td>url</td><td>string{default:null}</td><td>远程加载的地址...</td>
	</tr>
	<tr>
		<td>iframe</td><td>boolean</td><td>此项为true将会创建一个iframe放置到对话框中，与ajax互斥</td>
	</tr>
	<tr>
		<td>buttons</td><td>array||object</td><td>构建显示的按钮</td>
	</tr>
	<tr>
		<td>handleTools</td><td>array{default:["close"]}</td><td>要显示的按钮</td>
	</tr>
	<tr>
		<td>maxContainer</td><td>string||dom {default:body}</td><td>最大化时候显示的尺寸</td>
	</tr>
	<tr>
		<td>width</td><td>int</td><td>设定对话框的尺寸</td>
	</tr>
	<tr>
		<td>height</td><td>int</td><td>设定对话框的尺寸</td>
	</tr>
	<tr>
		<td>data</td><td>object||array</td><td>ajax模式下发送后服务器的数据</td>
	</tr>
	<tr>
		<td>color</td><td>string</td><td>遮罩的颜色</td>
	</tr>
	<tr>
		<td>opacity</td><td>float</td><td>遮罩的透明度</td>
	</tr>
	<tr>
		<td>draggable</td><td>bool</td><td>是否启动拖动功能</td>
	</tr>
	<tr>
		<td>onmin</td><td>function</td><td>最小化时触发的函数</td>
	</tr>
	<tr>
		<td>onmax</td><td>function</td><td>最大化时候触发的函数</td>
	</tr>
	<tr>
		<td>onload</td><td>function</td><td>ajax模式下加载完毕触发的函数</td>
	</tr>
	<tr>
		<td>onclose</td><td>function</td><td>关闭对话框时候触发的函数</td>
	</tr>
</table>
	 </div>
</div>

